<html><head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=750, user-scalable=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-title" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

  
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/jquery-1.6.1.min.js"></script>
    <script src="js/howler.js"></script>

    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"  type="text/javascript"></script>
    <script src="http://h5.cailianxinwen.com/wxjson/js/wxapi-wm.js?v=1.0"  type="text/javascript"></script>
  </head>
  <script>
    let u = navigator.userAgent
    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
    let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isAndroid) {
        //这个是安卓操作系统
    }
    if (isIOS) {
    　　window.location.href='ios.html'
    }
  </script>

 
  <script>
    /*
    // 初始化一个音频类，src资源可以是本地的有额可以是服务器上的
    var sound1 = new Howl({
      src: ['https://h5.cailianxinwen.com/h5call/lz.MP3'],
      autoplay: true,
      loop: true,
      preload: true,
    })
   
    // 音频资源 load 之后通过微信桥接触发播放
    sound1.on('load', () => {
      window.WeixinJSBridge && window.WeixinJSBridge.invoke('getNetworkType', {}, () => {
        sound1.play()
      }, false)
    })
   */
  </script>
  <body style="background-color:#f1f1f1;">

    <div>
      <img src="images/002.png" style="position: fixed;width: 64px;z-index: 999;" id="music" />
    </div>
    <script>
      var flag=0
      var media = document.getElementById('media')
      $('#music').click(function(){
        if(flag==0)
        {
          flag=1
          $('#music').attr('src','images/001.png')
          mediapause()
        }
        else{
          flag=0
          $('#music').attr('src','images/002.png')
          media.play()
        }

      })
    </script>

    <audio loop="loop" src="lz.MP3" id="media" preload="preload"></audio>


    <div id="main" role="main">
  
  
  
      
  
      <section id="eight" class="story1" data-speed="5" data-type="background" style="background-position: 0 0px;">    	
 
        <div class="title1" data-type="sprite" data-offsety="250" data-xposition="50%" data-speed="-2" ></div>
  
  
        <article style="display:  flex;justify-content: center;">

            <img src="images/eight/21.png" style="width:50%;z-index: 1;position: absolute; top:750px;z-index: 10" id="btn_call" />
            <img src="images/eight/22.png" style="width:100%;position: absolute;z-index: 1;bottom:0px"  />
    
          </article>
  
      
      </section>
      <section id="seven"  data-offsety="300" class="story" data-speed="7" data-type="background" style="background-position: 50% 0px;" >



        <div class="title1" data-type="sprite" data-offsety="100" data-xposition="50%" data-speed="-9" ></div>
         
        <article>
    
          <img src="images/five/16.png" style="width: 100%;position: absolute;z-index: 1;bottom: -10px;right: 0"  />

     
        </article>



    </section>


    <section id="sex" class="story" data-offsety="600" data-speed="6" data-type="background" style="background-position: 50% 0px;">
  
      <div class="title1" data-type="sprite" data-offsety="-150" data-xposition="50%" data-speed="-9" ></div>
      <article>
       
        <img src="images/fourth/131.png" style="width: 100%;position: absolute;z-index: 1;bottom: -10px;left: 0"  />


   
      </article>
    </section>



    <section id="five" class="story" data-offsety="880" data-speed="6" data-type="background" style="background-position: 50% 0px;">
  
      <div class="title1" data-type="sprite" data-offsety="-400" data-xposition="50%" data-speed="-9" ></div>
      <article>
        <img src="images/seven/191.png" style="width:100%;position: absolute;z-index: 1;bottom: 0px;left: 0"  />



   
      </article>


    </section>

    <section id="fourth" class="story" data-offsety="1150" data-speed="6" data-type="background" style="background-position: 50% 0px;">
      <div class="title1" data-type="sprite" data-offsety="-450" data-xposition="50%" data-speed="-9" ></div>
      <article>
        <img src="images/sex/18.png" style="width:100%;position: absolute;z-index: 1;bottom: 0px;left: 0"  />

      </article>

  
    </section>

    <section id="third" class="story" data-offsety="1400" data-speed="6" data-type="background" style="background-position: 50% 0px;">
  
      <div class="title1" data-type="sprite" data-offsety="-1400" data-xposition="50%" data-speed="-5" ></div>
      <article>
        <img src="images/third/10.png" style="width:100%;position: absolute;z-index: 1;bottom:0"  />

      </article>
    </section>



    <section id="second" class="story" data-offsety="1700" data-speed="6" data-type="background" style="background-position: 50% 0;">
  
      <div class="title2" data-type="sprite" data-offsety="-1600" data-xposition="50%" data-speed="-5" ></div>
      <article>
        <img src="images/second/8.png" style="width:100%;position: absolute;z-index: 1;bottom:0"  />

      </article>
 

    </section>

  

    <section id="first" class="story1" data-speed="8" data-type="background" data-offsety="1460" style="background-position: 50% 0">    	

      <div class="qq" data-type="sprite" data-offsety="-1650" data-xposition="50%" data-speed="-6" ></div>
       <div class="title" data-type="sprite" data-offsety="-2350" data-xposition="50%" data-speed="-4" ></div>
      
      <article style="display:  flex;justify-content: center;">
        <img src="images/one/4.png" style="width: 100%;position: absolute;z-index: 1;bottom: 280px"  />
        <img src="images/one/5.png" style="width: 100%;position: absolute;z-index: 1;bottom: 0"/>
      </article>
    </section>
 
    </div> 

  

  
    <script src="./js/script.js"></script>
  
    <script>
      $('#btn_call').click(function(){
        window.location.href='call.html'
      })
      /*
      $(document).ready(function(){
        $(window).load(function(){
            $('html, body').animate({
                scrollTop: $(document).height() - $(window).height()
            }, 1);
        });
    });
   */
    </script>

  </body></html>